<template>
  <div>
    <card
      title="报港信息"
      :headstyle="cardstyle"
      :class="initAnchorInfo"
      shadow="nerver"
    >
      <PublicTable
        ref="table1"
        :loading="false"
        :table-data="info"
        :columns="columns"
        :options="options"
      />
    </card>
  </div>
</template>

<script>

const columns = [
  {
    label: "船代",
    prop: "SHIPPERNAME",
    // prop: "AGENTS",
    // optionsdic: "sys_wtrcd",
    minwidth: "250",
  },
  {
    label: "联系人",
    prop: "LXR",
    minwidth: "90",
  },
  {
    label: "手机",
    prop: "PHONE",
    minwidth: "PHONE",
  },
  {
    label: "预报时间",
    prop: "PLANARRIVETIME",
    minwidth: "140",
  },
  {
    label: "抵锚时间",
    prop: "ATANCHORTIME",
    minwidth: "140",
  }
];
export default {
  name: "BgInfo",
  props: {
    initAnchorInfo: {
      type: String,
      default: "xxxxxxxx",
    },
    cardstyle: {
      type: Object,
      default() {
        return {}
      },
    },
    shipseq: {
      type: String,
      default() {
        return ""
      },
    },
  },
  data() {
    return {
      info: [],
      columns,
      options: {},
    }
  },
  computed: {
    infoform() {
      return this.info[0] || {}
    }
  },
  mounted() {
    this.init()
  },
  methods: {
    init() {
      this.queryinfo()
    },
    // 查询船舶基本信息
    queryinfo() {
      this.$api.summary.JK_SHIP_INFO({ shipseq: this.shipseq }).then((val) => {
        this.info = val
      })
    },
  }
}
</script>

<style lang="scss" scoped>

</style>
